<!DOCTYPE html>
<html lang="en">
    <head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="../images/favicon.ico">

	<title>Enlight</title>

	<!-- Bootstrap core CSS -->
	<link href="../css/bootstrap.min.css" rel="stylesheet">

	<!-- Custom styles for this template -->
	<link href="../css/jumbotron.css" rel="stylesheet">
	<link href="../css/custom.css" rel="stylesheet">

	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="../js/ie10-viewport-bug-workaround.js"></script>

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->

	<script>
	    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	    
	    ga('create', 'UA-50646209-1', 'usc.edu');
	    ga('send', 'pageview');
	    
	</script>

    </head>

    <body>

	<div class="navbar navbar_custom navbar-fixed-top" role="navigation">
	    <div class="container">
		<div class="navbar-header">
		    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		    </button>
	  <a class="navbar-brand navbar_custom" href="../index.html">Enlight</a>
        </div>
	<div class="navbar-collapse collapse">
	    <ul class="nav navbar-nav">
		<li><a class="navbar_custom" href="../index.html">Home</a></li>
		<li><a class="active navbar_custom" href="tutorial.html">Tutorial</a></li>
		<li><a class="navbar_custom" href="help.html">Help</a></li>
		<li><a class="navbar_custom" href="faq.html">FAQ</a></li>
		<li><a class="navbar_custom" href="example.html">Example</a></li>
		<li class="dropdown">
		<a href="#" class="navbar_custom dropdown-toggle" data-toggle="dropdown">Related projects <span class="caret"></span></a>
		<ul class="dropdown-menu" role="menu">
		    <li><a href="http://icages.usc.edu:5000">iCAGES</a></li>
		    <li><a href="http://phenolyzer.usc.edu">Phenolyzer</a></li>
		    <li><a href="http://wannovar.usc.edu">wANNOVAR</a></li>
		</ul>
		</li>
		    </ul>
		    <div class="navbar-header navbar-right col-md-3" >
			<a class="title navbar-brand" href="http://genomics.usc.edu"><img src="../images/wanglablogo.png" alt="" style="height:100%;"></a>
		    </div>
		</div><!--/.nav-collapse -->
	    </div>
	</div>

	<div class="container">
	<h2>Getting Started</h2>
        <small>Each step is also shown in the figure below</small>
	<h3>1. Load settings for example input</h3>
	<p>Simply click 'Load settings for example input' button.</p>
	<h3>2. Load example input</h3>
	<p>Click 'Load example input' button.</p>
	<h3>3. Submit</h3>
	<p>Click 'Submit' button at the bottom and come back in a few minutes.</p>
	<br />
	<img src="../images/input_tutorial.png" width=850 height=570>
	<br />
	<h3>4. Examine results</h3>
	<p>You should be redirected to result page automatically once the plot is done. Go to the <strong><a href="help.html">Help</a></strong> page to figure out the meaning of the plot</p>

	<h2>Upload custom BED file</h2>
	<h3>Create BED file</h3>
	<p>An example can be found <a href="/example/example.bed">here</a>. The format of BED is described on <b><a href="http://genome.ucsc.edu/FAQ/FAQformat.html#format1">UCSC</a></b>. The first 5 columns must be chromosome, start, end, name and score, respectively. The content of 'name' column does not matter. The 'score' must be numeric as Enlight relies on it to draw signals. If you download your BED file from UCSC, please remove the first column (BIN column).</p>
	<h3>Upload and run</h3>
	<p>Upload your BED file under 'Generic plot' section and submit it.</p>
	<h2>Plot multiple regions with a HitSpec file</h2>
	<p>An example can be found <a href="/example/example_hitspec.txt">here</a>. The format of HitSpec is described on <b><a href="http://genome.sph.umich.edu/wiki/LocusZoom#Generating_a_Hit_Spec_File">LocusZoom website</a></b>. The first 6 columns are feature, chromosome, start, end, flanking region and whether to plot, respectively. The 7th column and beyond are omitted by Enlight because customization of plots are not yet available. Chromosome names must be numerical. Names like 1,6 are okay, but chr1 or chr6 are not accepted. After you created the hitspec file, just upload it in the "specify a region" section and plot your input file.
	</p>
	<hr>
	<footer>
	<p>&copy; Wang Genomics Lab 2013-2014</p>
	</footer>
    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</body>
</html>
